<!doctype html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${title}">Title</title>
    <link th:href="@{/css/index.css}" rel="stylesheet">
</head>
<body>
<h1 th:text="${msg}"></h1>
<!-- 内容的拼接 -->
<h1 th:text="|lookroot-${msg}|"></h1>

<h1 th:content="${msg}"></h1>
<hr/>
<h3 th:text="${user.username}"></h3>
<h3 th:text="${user.getAge()}"></h3>
<h3 th:text="${user.sex}"></h3>
<h3 th:text="${#dates.format(user.getCreateTime(),'yyyy-MM-dd HH:mm:ss')}"></h3>

<!-- 通过临时变量 取值操作  -->
<div th:object="${user}">
    姓名：<p th:text="*{username}"></p>
    年龄：<h1 th:text="*{age}"></h1>
</div>
<!-- if 判断-->
<p th:if="${user.isVip}">会员</p>
<!-- th:each 循环 -->
<ul>
    <li  th:each="tag:${user.getTags()}" th:text="${tag}"></li>
</ul>
<!-- map集合的取值  -->
<ul>
    <!-- even 判断循环索引是否是奇数 odd 判断循环索引是否是偶数
      ${status.current} 当前循环迭代变量的值
    -->
    <li th:each="tag,status:${userMap}"
        th:text="|${tag.getKey()}--${tag.getValue()}--
        ${status.index}--
        ${status.count}--
        ${status.current}--
        ${status.even}--
        ${status.odd}--
        ${status.first}--
        ${status.last}|"></li>
</ul>
<!-- switch结构  -->
<div th:switch="${user.getSex()}">
    <p th:case="1">男</p>
    <p th:case="2">女</p>
    <p th:case="*">默认</p>
</div>

<p>超链接：<a th:href="@{|/test/${user.getAge()}|}">点击跳转</a></p>

<form method="post" action="user">
    <p>用户名：<input name="userName" type="text" value=""></p>
    <p>密码：<input name="passWord" type="password" value=""></p>
    <p><input type="submit" value="提交"></p>
</form>

<!-- fragment导入 组件 导入公共复用的代码片段 -->
<!--th:replace替换 会把当前标签 替换成 复用部分的内容-->
<div th:replace="~{component::com1('传值1')}"></div>
<!--th:insert  新增复用的代码片段 当前标签中插入子级标签-->
<div th:insert="~{component::com1('传值2')}"></div>

<!--id 方式的导入-->
<div th:insert="~{component::#com2}"></div>

<div th:insert="~{component::com4(~{::#message})}">
    <p id="message">替换的message</p>
</div>
</body>
</html>